<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>【顺风车】 - 信息认证</title>
<link rel="stylesheet" href="../../static/assets/css/amazeui.css" th:href="@{/assets/css/amazeui.min.css}" />
<link rel="stylesheet" href="../../static/assets/css/common.min.css" th:href="@{/assets/css/common.min.css}" />
<link rel="stylesheet" href="../../static/assets/css/amaze.min.css" th:href="@{/assets/css/amaze.min.css}" />
<link rel="stylesheet" href="../../static/assets/css/other.min.css" th:href="@{/assets/css/other.min.css}" />
<link rel="stylesheet" href="../../static/assets/css/app2.css" th:href="@{/assets/css/app2.css}" />
<link rel="stylesheet" href="../../static/assets/webuploader/webuploader.css"
	th:href="@{/assets/webuploader/webuploader.css}" />
</head>
<body class="register-container">
	<div class="layout">
		<div th:include="common/header::header"></div>

		<br />
		<!--===========layout-container================-->
		<div class="am-container" style="background: #fff;">

			<div class="tpl-page-container tpl-page-header-fixed">

				<div th:include="common/nav::nav"></div>

				<div class="tpl-content-wrapper">


					<div class="row">
						<div class="tpl-portlet">
							<div class="tpl-portlet-title">
								<div class="tpl-caption font-green ">
									<span>信息认证</span>
								</div>
							</div>

							<form action="/front/ver/save" th:action="@{/front/ver/save}" method="post" class="am-form am-form-horizontal"
								data-am-validator="">
								<div class="am-form-group">
									<label class="am-u-md-2 am-form-label am-padding-0">身份证号：</label>
									<div class="am-u-md-6 am-u-end">
										<input type="text" class="am-form-field am-radius" name="idCard" placeholder=" 身份证号"
											th:value="${user.passenger} ? ${user.passenger.idCard}:''" />
									</div>
								</div>
								<div class="am-form-group">
									<label class="am-u-md-2 am-form-label am-padding-0">证件照片：</label>
									<div class="am-u-md-10 am-u-end">
										<ul class="am-avg-sm-2 am-avg-md-4 am-thumbnails">
											<li>
												<div class="am-thumbnail am-cf">
													<div class="am-thumbnail-caption">
														<div id="sfz_a" class="am-btn am-center">身份证正面</div>
													</div>
													<img alt="" id="sfz_a_image"
														th:src="${user.passenger==null?'':user.passenger.photoFront==null?'':'/front/image/showImage/'+user.passenger.photoFront}" />
												</div>
											</li>
											<li>
												<div class="am-thumbnail am-cf">
													<div class="am-thumbnail-caption">
														<div id="sfz_b" class="am-btn am-center">身份证反面</div>
													</div>
													<img alt="" id="sfz_b_image"
														th:src="${user.passenger==null?'':user.passenger.photoBack==null?'':'/front/image/showImage/'+user.passenger.photoBack}" />
												</div>
											</li>
										</ul>
									</div>
								</div>

								<div class="am-form-group" sec:authorize="${hasAnyAuthority(2)}">
									<label class="am-u-md-2 am-form-label am-padding-0">驾驶证号：</label>
									<div class="am-u-md-6 am-u-end">
										<input type="text" class="am-form-field am-radius" name="drivingLicenseNumber" placeholder=" 驾驶证号"
											th:value="${user.driver} ? ${user.driver.drivingLicenseNumber}:''" />
									</div>
								</div>
								<div class="am-form-group" sec:authorize="${hasAnyAuthority(2)}">
									<label class="am-u-md-2 am-form-label am-padding-0">车牌号码：</label>
									<div class="am-u-md-6 am-u-end">
										<input type="text" class="am-form-field am-radius" name="licencePlateNumber" placeholder=" 车牌号码"
											th:value="${user.driver} ? ${user.driver.licencePlateNumber}:''" />
									</div>
								</div>
								<div class="am-form-group" sec:authorize="${hasAnyAuthority(2)}">
									<label class="am-u-md-2 am-form-label am-padding-0">行驶证注册日期：</label>
									<div class="am-u-md-6 am-u-end">
										<input type="text" class="am-form-field am-radius" name="travelLicenseDate" placeholder=" 行驶证注册日期"
											onclick="laydate({istime: true, istime: false, format: 'YYYY-MM-DD'})"
											th:value="${user.driver} ? ${user.driver.travelLicenseDate}:''" />
									</div>
								</div>
								<div class="am-form-group" sec:authorize="${hasAnyAuthority(2)}">
									<label class="am-u-md-2 am-form-label am-padding-0">证件照片：</label>
									<div class="am-u-md-10 am-u-end">
										<ul class="am-avg-sm-2 am-avg-md-4 am-thumbnails">
											<li>
												<div class="am-thumbnail am-cf">
													<div class="am-thumbnail-caption">
														<div id="xsz" class="am-btn am-center">上传行驶证</div>
													</div>
													<img alt="" id="xsz_image"
														th:src="${user.driver==null?'':user.driver.travelLicensePhoto==null?'':'/front/image/showImage/'+user.driver.travelLicensePhoto}" />

												</div>
											</li>
											<li>
												<div class="am-thumbnail am-cf">
													<div class="am-thumbnail-caption">
														<div id="jsz" class="am-btn am-center">上传驾驶证</div>
													</div>
													<img alt="" id="jsz_image"
														th:src="${user.driver==null?'':user.driver.drivingLicensePhoto==null?'':'/front/image/showImage/'+user.driver.drivingLicensePhoto}" />

												</div>
											</li>
										</ul>
									</div>
								</div>

								<div class="am-form-group">
									<div class="am-u-md-6 am-u-md-offset-2">
										<button type="submit" class="am-btn am-btn-secondary am-btn-block">提交</button>
									</div>
								</div>
							</form>

						</div>
					</div>

				</div>

			</div>

		</div>
	</div>
	<br />

	<div th:include="common/footer::footer"></div>

	<script src="../../static/assets/js/jquery-2.1.0.js" charset="utf-8" th:src="@{/assets/js/jquery-2.1.0.js}"></script>
	<script src="../../static/assets/laydate/laydate.js" charset="utf-8" th:src="@{/assets/laydate/laydate.js}"></script>
	<script src="../../static/assets/webuploader/webuploader.min.js" charset="utf-8"
		th:src="@{/assets/webuploader/webuploader.min.js}"></script>
	<script src="../../static/assets/js/core.js" charset="utf-8" th:src="@{/assets/js/core.js}"></script>

</body>
<script type="text/javascript" th:inline="javascript">
	laydate.skin('danlan');
	var ctx = [[${session.contextPath}]];
	
	$.UploaderImages({
		server : [[@{/front/ver/upload}]],
		pick : "#sfz_a",
		thumb : "#sfz_a_image",
		formData : {
			"imageType" : "sfz_a"
		}
	});

	$.UploaderImages({
		server : [[@{/front/ver/upload}]],
		pick : "#sfz_b",
		thumb : "#sfz_b_image",
		formData : {
			"imageType" : "sfz_b"
		}
	});

	$.UploaderImages({
		server : [[@{/front/ver/upload}]],
		pick : "#xsz",
		thumb : "#xsz_image",
		formData : {
			"imageType" : "xsz"
		}	
	});

	$.UploaderImages({
		server : [[@{/front/ver/upload}]],
		pick : "#jsz",
		thumb : "#jsz_image",
		formData : {
			"imageType" : "jsz"
		}
	});
</script>
</html>
